// 消息列表
<template>
 <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
    <div>
       
        <div class="wtop7">
            <van-nav-bar title="邀请有奖" left-text="返回" left-arrow :fixed='true' @click-left="onClickLeft" :border='false'>
            <van-icon name="arrow-left" size="0.4rem" slot="left" color="black" />
            </van-nav-bar>
        </div>
        <div class="wbox7">
          <div class="wwbox7">
              <img src="http://desk-fd.zol-img.com.cn/g4/M03/0D/0C/Cg-4WVPVtYWIZ0XIAAahiniYkj0AAP-mANwINsABqGi125.jpg" alt="" srcset="">
          </div>
          <div class="wcon7">
              <h3>
                  <p><van-icon name="friends" size="0.7rem"/></p>
                  <span>分享给微信好友</span>
              </h3>
              <h3>
                  <p><van-icon name="more" size="0.7rem"/></p>
                  <span>分享至朋友圈</span>
              </h3>
              <h3>
                  <p><van-icon name="qr-invalid" size="0.7rem"/></p>
                  <span>面对面邀请</span>
              </h3>
          </div>
          <div class="wcont7">
              <div class="wcont7">
              <p><van-button round type="danger">收益金额</van-button><span></span><van-button round type="danger">我的好友</van-button></p>
              <span class="t">邀请即可得奖</span>
              <hr/>
              <h5>共88元，邀请一位获得奖励</h5>
              </div>
          </div>
        </div>
        
    </div>
</van-pull-refresh>
</template>
<script>
    export default{
        data(){
            return{
               isLoading: false
            }
        },
        methods:{
            onClickLeft(){
                console.log(1)
				this.$router.go(-1)
            },
             onRefresh() {
            setTimeout(() => {
                this.$toast('刷新成功');
                this.isLoading = false;
                this.count++;
            }, 500);
            }
        }
    }

</script>


<style>
    *{margin: 0 ;padding:0;}
    .wtop7{border-bottom:3px solid rgba(99, 96, 96, 0.034);margin-top: 1.2rem}
    .wbox7{display: flex;flex-direction: column;background: #ccc}
    .van-ellipsis{font-size: 18px}
    .wwbox7{height:8rem}
    .wwbox7 img{width: 9rem;height: 6rem;margin-top: 5%}
    .wcon7{margin: 0% 3%;background: #fff;display: flex;justify-content: space-around;padding: 3% 0%;}
    .wcon7 h3{display: flex;flex-direction: column;align-items: center}
    .wcon7 p{color:rgb(36, 111, 121);width: 1.2rem;height:1.2rem;border-radius: 50%;border: 1px solid rgba(245, 243, 248, 0.39);text-align: center;line-height: 1.9rem}
    .wcon7 span{font-size: 12px}
    .wcont7{margin: 5% 3%;background: #fff}
    .wcont7{margin: 4% 4%}
    .wcont7 p{display: flex;justify-content: space-between;}
    .t{padding:4% 0;margin-right: 72%;display: block}
    h5{margin-right: 55%;padding-top: 4%}
</style>